<template>
  <v-container class="py-6">
    <v-footer background-color="grey darken-3">
      <v-layout>
        <span class="grey--text caption pt-1">© 2020 mjuruankai.com</span>&nbsp;&nbsp;
        <span class="grey--text ml-3" style="cursor:pointer;" @click="$router.push('/about')">关于我们</span>
        <span class="grey--text ml-3" style="cursor:pointer;" @click="$router.push('/privacy')">使用协议条款</span>
        <span class="grey--text"
          ><a href="http://www.beian.miit.gov.cn/" class="grey--text ml-3"
            >闽ICP备18027236号</a
          ></span
        >
      </v-layout>
    </v-footer>
  </v-container>
</template>

<script>
export default {
  data: () => {
    return {};
  }
};
</script>

<style scoped>
#core-footer {
  z-index: 0;
}
.v-application a {
  color: white;
  text-decoration: none;
}
a:hover {
  color: white;
  text-decoration: underline;
}
@media (max-width: 550px) {
  .footer-items,
  .copyright {
    width: unset;
    text-align: center;
  }
}
</style>
